<!DOCTYPE html>

<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <title>35 MenuTest</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link href="../../assets/css/icon/iconfont.css" rel="stylesheet" />
    <link href="../../assets/css/main.css" rel="stylesheet" />
</head>

<body>
    <!-- three.js -->
    <script src="../../assets/js/three.js"></script>

    <!-- libs -->
    <script src="../../assets/js/libs/stats.min.js"></script>
    <script src="../../assets/js/libs/jszip.min.js"></script>
    <script src="../../assets/js/libs/inflate.min.js"></script>
    <script src="../../assets/js/d3/d3.js"></script>
    <script src="../../assets/js/libs/gunzip.min.js"></script>

    <script src="../../assets/js/SimplexNoise.js"></script>
    <script src="../../assets/js/ImprovedNoise.js"></script>
    <script src="../../assets/js/GPUComputationRenderer.js"></script>
    <script src="../../assets/js/ShaderTerrain.js"></script>

    <script src="../../assets/js/SPE.js"></script>
    <script src="../../assets/js/VolumetricFire.js"></script>
    <script src="../../assets/js/utils/BufferGeometryUtils.js"></script>

    <!-- controls -->
    <script src="../../assets/js/controls/EditorControls.js"></script>
    <script src="../../assets/js/controls/TransformControls.js"></script>

    <!-- geometries -->
    <script src="../../assets/js/geometries/DecalGeometry.js"></script>
    <script src="../../assets/js/geometries/TeapotBufferGeometry.js"></script>

    <!-- loaders -->
    <script src="../../assets/js/loaders/TGALoader.js"></script>

    <!-- objects -->
    <script src="../../assets/js/objects/Sky.js"></script>
    <script src="../../assets/js/objects/Reflector.js"></script>
    <script src="../../assets/js/objects/Lensflare.js"></script>

    <!-- Shadow Editor -->
    <script src="../../build/ShadowEditor.js"></script>
    <script>
        var control = UI.create({
            xtype: 'menu',
            children: [{
                html: '场景',
                children: [{
                    html: '新建',
                    children: [{
                        html: '空场景'
                    }, {
                        html: 'GIS场景'
                    }]
                }]
            }, {
                html: '新建'
            }, {

            }, {

            }],
            onClick: (data, event) => {
                alert('单击' + JSON.stringify(data));
            }
        });

        control.render();
    </script>

</html>